//头部导航
@media (min-width:1200px) {
    .container {
        max-width: 1000px;
    }
}

@media (min-width:768px) {
    .all-width{
        max-width: 1000px;
    }
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
    .navbar-brand {
        padding: 7px 18px;
        margin-right: 0;
    }
    .navbar-collapse {
        .nav-item {
            padding-top: 7px;
            padding-bottom: 7px;
            a {
                font-size: 14px;
            }
        }
        .active {
            background: #080808;
            color: #fff;
        }
    }
    .dropdown {
        .btn-secondary {
            background-color: transparent;
            border: none;
        }
        .btn-secondary:focus {
            box-shadow: none;
        }
    }
}

//页尾
.footer {
    background: #3b3b3b;
    .textDescription {
        padding-top: 35px;
        a {
            color: #a1a3ab;
            font-size: 14px;
            text-decoration: none;
            &:hover{
                color: white;
            }
        }
    }
    .textDescription1 {
        p {
            color: #a1a3ab;
            font-size: 12px;
            margin-top: 15px;
            margin-bottom: 37px;
        }
    }
    .PageFooter1 {
        position: relative;
        .PageFooter {
            margin-top: 38px;
            margin-bottom: 37px;
            .popupMenu {
                &:hover~.hover {
                    display: block;
                }
            }
            .popupMenu1 {
                &:hover~.hover1 {
                    display: block;
                }
            }
            .popupMenu2{
                &:hover ~ .hover2{
                    display: block;
                }
            }
            .hover {
                position: absolute;
                top: -120px;
                left: 21px;
                display: none;
            }
            .hover1 {
                position: absolute;
                top: -120px;
                left: -38px;
                display: none;
            }
            .hover2{
                position: absolute;
                top: -120px;
                left: 88px;
                display: none;
            }
        }
    }
}

@media only screen and (max-width:320px) {
    .footer{
        .PageFooter1 {
            .PageFooter {
                .hover {
                    position: absolute;
                    top: -120px;
                    left: 31px;
                    display: none;
                }
                .hover1 {
                    position: absolute;
                    top: -120px;
                    left: -23px;
                    display: none;
                }
                .hover2{
                    position: absolute;
                    top: -120px;
                    left: 100px;
                    display: none;
                }
            }
        }
    }
}

@media only screen and (max-width:414px) {
    .footer{
        .PageFooter1 {
            .PageFooter {
                .hover {
                    position: absolute;
                    top: -120px;
                    left: 61px;
                    display: none;
                }
                .hover1 {
                    position: absolute;
                    top: -120px;
                    left: -14px;
                    display: none;
                }
                .hover2{
                    position: absolute;
                    top: -120px;
                    left: 145px;
                    display: none;
                }
            }
        }
    }
}
//@media only screen and (min-width:375px) {
//  .footer{
//      .PageFooter1 {
//          .PageFooter {
//              position: relative;
//              .hover {
//                  position: absolute;
//                  top: -120px;
//                  left: 52px;
//                  display: none;
//              }
//          }
//      }
//  }
//}
//@media only screen and (max-width:414px) {
//  .footer{
//      .PageFooter1 {
//          .PageFooter {
//              position: relative;
//              .hover {
//                  position: absolute;
//                  top: -120px;
//                  left: 61px;
//                  display: none;
//              }
//              .hover1 {
//                  position: absolute;
//                  top: -120px;
//                  left: -14px;
//                  display: none;
//              }
//              .hover2{
//                  position: absolute;
//                  top: -120px;
//                  left: 145px;
//                  display: none;
//              }
//          }
//      }
//  }
//}
//@media only screen and (min-height:812px) {
//  .footer{
//      .PageFooter1 {
//          .PageFooter {
//              .hover {
//                  position: absolute;
//                  top: -120px;
//                  left: 53px;
//                  display: none;
//              }
//          }
//      }
//  }
//}
//@media only screen and (min-width:768px) {
//  .footer{
//      .PageFooter1 {
//          .PageFooter {
//              .hover {
//                  position: absolute;
//                  top: -120px;
//                  left: 22px;
//                  display: none;
//              }
//          }
//      }
//  }
//}
//@media only screen and (min-width:1024px) {
//  .footer{
//      .PageFooter1 {
//          .PageFooter {
//              .hover {
//                  position: absolute;
//                  top: -120px;
//                  left: 22px;
//                  display: none;
//              }
//          }
//      }
//  }
//}